/*scroll bar*/
::-webkit-scrollbar {width:6px;height:6px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#ccc}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#006699;)}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#006699;)}
::-webkit-scrollbar-thumb:vertical:active {background-color:#006699;)}
@font-face {
	font-family: 'Reznor'; src: url('../fonts/REZNOR DOWNWARD SPIRAL.TTF');
}
.container {
    width: 84%;
    margin: 0 auto;
}
.header{position: fixed;top: 0;width: 100%;background: transparent;z-index: 9;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.header .logo{float: left;display: block;line-height: 100px;position: relative;height: 100px;}
.header .logo img{display: inline-block;vertical-align: middle;max-height: 80%;}
.header .logo .img2{opacity: 1;visibility: hidden;z-index: 1;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform:translateY(-50%);}
.header .logo .img1{z-index: 1;}
.header .language {overflow: hidden;border-radius: 20px;border:1px solid rgba(255,255,255,0.5);float: left;margin-left: 40px;margin-top: 38px;}
.header .language a{display: inline-block;font-size: 12px;color: #fff;background: transparent;padding: 4px 10px;margin: 0 -2px;text-transform: uppercase;font-family: "Arial";}
.header .language a.on,.header .language a:hover{background: #006699 !important;color: #fff !important;}
.header .header_r{float: right;}
.header .nav{float: left;}
.header .nav li{float: left;transition: all 500ms ease;-webkit-transition:all 500ms ease;margin: 0 10px;position: relative;}
.header .nav li a.v1{font-size: 16px;color: #fff;line-height: 100px;display: block;vertical-align: top;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: relative;padding: 0 20px;}
.header .nav li a.v1:after{content: "";display: block;position: absolute;bottom: 0px;left: 0;width: 100%;height: 2px;background: #006699;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.header .nav li:hover a.v1:after,.header .nav li.on a.v1:after,.header .nav li.ok a.v1:after{opacity: 1;visibility: visible;}
.header .nav li:hover a.v1,.header .nav li.on a.v1,.header .nav li.ok a.v1,.header.hover .nav li.on a.v1{color: #006699;}
.menuBtn{position: relative;z-index: 9;display: none;float: right;width: 60px;height: 60px;padding: 17px 0 0;cursor: pointer;margin-right: 5px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn b{display: block;height: 3px;background-color: #fff;margin: 3px auto 5px;border-radius: 2px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;width: 30px;}
.menuBtn.open{margin-top: 12px;}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.header.hover{background: #fff;border: 1px solid #eeeeee;}
.header.hover .logo .img1{opacity: 0;visibility: hidden;}
.header.hover .logo .img2{opacity: 1;visibility: visible;}
.header.hover .language{border-color: #3385ad;}
.header.hover .language a{color: #222;background: #fff;}
.header.hover .nav li a.v1{color: #222;}
.header.hover .menuBtn b{background: #333;}
.header.hover .right .top a.link{color: #333;}
.header .nav li dl{top: 100%;position:absolute;left: 50%;margin-left: -75px;width: 150px;z-index: 1;transition: all 500ms ease;-webkit-transition: all 500ms ease;padding:34px 0;border-top:1px solid #eee;background: #fff;opacity: 0;visibility: hidden;}
.header .nav li dl.active{opacity: 1;visibility: visible;}
.header .nav li dl.active dd .sv1{height: 44px;}
.header .nav li dl dd .sv1{display: block;font-size: 14px;color: #666;background: #fff;line-height: 44px;text-align: center;height: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header .nav li dl dd .sv1:hover{background: #f7f7f7;color: #006699}
.header .nav li:nth-child(2) dl{display: none;}
.header.active{background: #fff;border: 1px solid #eeeeee;}
.header.active .logo .img1{opacity: 0;visibility: hidden;}
.header.active .logo .img2{opacity: 1;visibility: visible;}
.header.active .language{border-color: #3385ad;}
.header.active .language a{color: #222;background: #fff;}
.header.active .nav li a.v1{color: #222;}
.header.active .menuBtn b{background: #333;}
.header.active .right .top a.link{color: #333;}

.header .container{padding-right: 60px;}
.header .right{position: absolute;right: 40px;top: 0;}
.header .right .top{display: inline-block;vertical-align: top;padding-top: 22px;}
.header .right .top a.link{display:block; width: 82px; height: 26px; border-radius: 3px; border: 1px solid #ddd; text-align: center; font-size: 12px; color: #fff; line-height: 24px;-webkit-transition: all 500ms ease; transition: all 500ms ease;margin-bottom: 5px;}
.header .right .top a.link:hover{background: #006699; border-color: #006699;color: #fff;}



.drop_menu {position: fixed;top: 100px;left: 0px;width: 100%;z-index: 8;}
.drop_menu .main {position: absolute; width: 100%; -webkit-transform: translateY(-190%); -moz-transform: translateY(-190%); -ms-transform: translateY(-190%); transform: translateY(-190%); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;background: #fff; padding: 0 8%;}
.drop_menu .main .items {padding: 3% 0;margin: 0 -40px;overflow: hidden;}
.drop_menu .main .item{float: left;width: 16.66%;padding: 0 40px;}
.drop_menu .main .item .tit h1{font-size: 16px;color: #222;line-height: 24px;font-weight: bold;}
.drop_menu .main .item .tit h2{font-size: 14px;color: #666666;line-height: 24px;}
.drop_menu .main .item img{display: block;max-width: 90%;margin: 40px 0;}
.drop_menu .main .item ul li a{display: block;font-size: 14px;color: #333;line-height: 28px;}
.drop_menu .main.active{-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform:  translateY(0); transform: translateY(0);}
.drop_menu .main .item .tit a:hover h1,.drop_menu .main .item .tit a:hover h2,.drop_menu .main .item ul li:hover a{color:#006699; }

.header .search_box{height: 100px;position: relative;background: transparent;display: inline-block;vertical-align: top;}
.header .search_box a.search{height: 100%;width: 60px;background: url(../images/search_ico1.png) no-repeat center;display: block;}
.header .search_box form{width: 0;position: absolute;right: 0;top:0;height: 100%;overflow: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;background: transparent;}
.header .search_box form .box{width: 100%;position: relative;height: 100%;background: transparent;}
.header .search_box form .box input{width: 100%;height: 100%;padding: 0 15px 0 55px;color: #333;line-height: 100%;}
.header .search_box form .box button{display: block;width: 60px;height: 100%;background: url(../images/search_ico2.png) no-repeat center;border:0;outline: none;font-size: 0;position: absolute;left: 0;top: 0;cursor: pointer;}
.header .search_box form .box a.search_close{width: 60px;height: 100%;background: url(../images/search_close.png) no-repeat center;position: absolute;right: 0;top: 0;}
.header .search_box form.active{width: 600px;}
.header.hover .search_box a.search{background: url(../images/search_ico2.png) no-repeat center;}
.header.active .search_box a.search{background: url(../images/search_ico2.png) no-repeat center;}

.footer{overflow: hidden;}
.footer .top{position: relative;border-top: 1px solid #ddd;}
.footer .top .left{float: left;width: 50%;padding: 5% 0;border-right: 1px solid #ddd;}
.footer .top .tit{font-size: 14px;color: #000;margin-bottom: 60px;}
.footer .top .tit span{font-family: "Arial";font-size: 14px;color: #000;display: inline-block;margin-right: 4px;text-transform: uppercase;}
.footer .top .left .fot_nav a{font-size: 18px;color: #222;line-height: 24px;display: block;padding:8px 0;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.footer .top .left .fot_nav a:before{content: "";display: block;width: 0;height: 1px;background: #006699;position: absolute;left: 0;top: 50%;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.footer .top .left .fot_nav a:hover{color: #006699;padding-left: 10px;}
.footer .top .left .fot_nav a:hover:before{width: 6px;opacity: 1;visibility: visible;}
.footer .top .right{position: absolute;right: -5%;width: 50%;padding: 5% 0;}
.footer .top .right .bot{overflow: hidden;}
.footer .top .right .bot .bl{float: left;width: 42%;margin-right: 30px;}
.footer .top .right .bot .bl p{font-size: 16px;color: #222;line-height: 32px;}
.footer .top .right .bot .br{width: 50%;float: left;}
.footer .top .right .bot .br .ewm{display: inline-block;margin: 0 10px;width: 135px;vertical-align: top;}
.footer .top .right .bot .br .ewm img{display: block;width: 100%;margin: 0 auto;padding: 10px;border:1px solid #eeeeee;}
.footer .top .right .bot .br .ewm span{display: block;text-align: center;font-size: 14px;color: #222;margin-top: 10px;}
.footer .bottom{overflow: hidden;border-top: 1px solid #ddd;}
.footer .bottom .left{width: 50%;float: left;background: #fff;padding: 30px 0 30px 8%;}
.footer .bottom .left p{font-size: 14px;color: #222;line-height: 18px;}
.footer .bottom .right{width: 50%;float: right;background: #006699;padding: 30px 0 30px 6%;}
.footer .bottom .right .links{color: #008bd0;font-size: 14px;line-height: 18px;overflow: hidden;}
.footer .bottom .right .links h1{font-size: 14px;color: #fff;line-height: 18px;float: left;}
.footer .bottom .right .links .lr{margin-left: 70px;}
.footer .bottom .right .links a{font-size: 14px;color: #fff;line-height: 18px;padding: 0 30px;display: inline-block;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: relative;}

.footer .bottom .right .links a:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.navbg{display: none;}
.footer .top .right .bot .br .share_link{ margin-top: 25px;margin-left: 10px; }
.footer .top .right .bot .br .share_link a{ position: relative; float: left; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; margin-right: 8px; z-index: 2;  }
.footer .top .right .bot .br .share_link a.icon1{ background-image: url(../images/link_ico_01.png); }
.footer .top .right .bot .br .share_link a.icon2{ background-image: url(../images/link_ico_02.png); }
.footer .top .right .bot .br .share_link a.icon3{ background-image: url(../images/link_ico_03.png); }
.footer .top .right .bot .br .share_link a.icon4{ background-image: url(../images/link_ico_04.png); margin-right: 0; }
.footer .top .right .bot .br .share_link a .code{ width: 78px; position: absolute; padding: 4px; background-color: #ccc; bottom: 35px; left: 50%; margin-left: -39px; visibility: hidden;}
.footer .top .right .bot .br .share_link a:hover .code{ visibility: visible; }
.footer .top .right .bot .br .share_link a .code:before{ content: ''; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #ccc transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; }
.footer .top .right .bot .br .share_link a .code img{ display: block; width: 70px; height:70px; margin-top: 0; }
.footer .top .right .bot .br .share_link a.icon1:hover{ background-image: url(../images/link_ico_01_hover.png); }
.footer .top .right .bot .br .share_link a.icon2:hover{ background-image: url(../images/link_ico_02_hover.png); }
.footer .top .right .bot .br .share_link a.icon3:hover{ background-image: url(../images/link_ico_03_hover.png); }
.footer .top .right .bot .br .share_link a.icon4:hover{ background-image: url(../images/link_ico_04_hover.png); }

.fixed_right{position: fixed; right: 0; bottom: 20px; z-index: 999; /*display: none;*/}
.fixed_right .block{width: 54px; height: 54px; display: block; position: relative; margin-bottom: 1px; background: rgba(0,0,0,.3); padding: 7px 0;}
.fixed_right i{display: block; width: 23px; height: 23px; margin: 0 auto; background-position: center; background-repeat: no-repeat; transition: all 500ms ease;}
.fixed_right p{font-size: 12px; color: #fff; text-align: center; line-height: 18px; margin: 0; transition: all 500ms ease;}
.fixed_right .block:nth-of-type(1) i{background-image: url(../images/fixed_icon1.png);}
.fixed_right .block:nth-of-type(2) i{background-image: url(../images/fixed_icon2.png);}
.fixed_right .block:nth-of-type(3) i{background-image: url(../images/fixed_icon3.png);}
.fixed_right .block.tel .hover{width: 190px; right: -190px;position: absolute; top: 0; background: #fff; line-height: 54px; padding: 0 10px 0 50px; font-family: 'Reznor'; font-size: 26px; color: #006699; background-position: 15px center; background-repeat: no-repeat; background-image: url(/static/home/images/fixed_icon2on.png); transition: all 500ms ease;}
.fixed_right .block.tel .hover span{margin-left: 10px; font-size: 18px; color: #333;}
.fixed_right .block.tel:hover .hover{right: 0;}
.fixed_right .block:hover{background: #fff;}
.fixed_right .block:hover p{color: #006699;}
.fixed_right .block:nth-of-type(1):hover i{background-image: url(../images/fixed_icon1on.png);}
.fixed_right .block:nth-of-type(2):hover i{background-image: url(../images/fixed_icon2on.png);}
.fixed_right .block:nth-of-type(3):hover i{background-image: url(../images/fixed_icon3on.png);}
@media screen and (max-width: 992px){
    .fixed_right .block {display: none;}
    .fixed_right .totop{display: block;width: 40px;height: 40px;}
    .fixed_right .totop p{display: none;}
    .footer .top .right .bot .br .share_link {display: none;}
}

@media only screen and (max-width: 1700px) {
    .header .nav li a.v1{padding: 0 15px;}
    .footer .bottom .right .links a{padding: 0 18px;}
}
@media only screen and (max-width: 1650px) {
    
}
@media only screen and (max-width: 1600px) {
   .header .logo img{height: 23%;top: 20px;}
    .header .nav li a.v1{padding: 0 10px;}
    .footer .top .tit{margin-bottom: 50px;}
}
@media only screen and (max-width: 1440px) {
    .footer .top .tit{margin-bottom: 40px;}
    .footer .top .left .fot_nav a{font-size: 16px;padding: 5px 0;}
    .footer .top .right .bot .bl p{font-size: 14px;}
    .footer .top .right .bot .br .ewm{width: 120px;}
    .footer .top .left{padding: 5% 0;}
    .footer .top .right{padding: 5% 0;}
    .footer .bottom .left{padding: 35px 0 35px 8%;}
    .footer .bottom .right .links a{padding: 0 20px;}
    .footer .bottom .right{padding: 35px 0 35px 6%;}
}
@media only screen and (max-width: 1366px) {
    .header .logo{height: 70px;line-height: 70px;}
    .header .logo img{height: 36%;top: 20px;}
    .header .nav li{margin: 0 5px;}
    .header .nav li a.v1{font-size: 14px;line-height: 70px;padding: 0 12px;}
    .header .language{margin-top: 23px;margin-left: 28px;}
    .header .search_box{height: 70px;}
    .drop_menu{top: 70px;}
    .header .right .top{padding-top: 6px;}
    .header .search_box a.search{width: 50px;}
    .header .right{right: 10px;}
    .footer .top .tit{margin-bottom: 30px;}
    .footer .top .left .fot_nav a{font-size: 16px;line-height: 24px;}
    .footer .top .right .bot .bl p{font-size: 14px;line-height: 28px;}
    .footer .top .right .bot .br .ewm{width: 100px;}
    .footer .bottom .right .links a{padding: 0 10px;}
    .footer .bottom .left p{font-size: 12px;}
    .footer .bottom .left{padding: 30px 0 30px 8%;}
    .footer .bottom .right{padding: 30px 0 30px 6%;}
    .footer .top .right .bot .bl{width: 45%;margin-right: 0;}
}
@media only screen and (max-width: 1300px){
    .header .logo img{height: 26%;}
}
@media only screen and (max-width: 1199px){
    .header .nav li a.v1{padding: 0 0px;}
    .footer .top .right{right: -4%;}
    .footer .top .right .bot .br .ewm{width: 76px;}
    .footer .top .right .bot .br .ewm span{font-size: 12px;}
    .footer .top .right .bot .bl{width: 54%;margin-right: 0;}
    .footer .top .right .bot .br{width: 45%;}
     .footer .top .right .bot .br .ewm img{padding: 3px;}
}
@media only screen and (max-width: 992px) {
    .container{width: 100%;padding: 0 15px;}
    .header .logo {height: 60px;line-height: 60px;}
    .header .logo img{height: 28%;top:15px;}
    .menuBtn{display: block;z-index: 15;margin: 0;position: fixed;top: 0;right: 0;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
    .menuBtn.open{margin-top: 0;padding:0;}
    .menuBtn.open b{background: #333 !important;left: 50%;margin-left: -15px;}
    .header .language{border:0 !important;    margin-top: 0; margin-left:0;position: fixed;right: 110px;top:20px;}
    .header .language a{padding: 2px 8px;font-size: 16px;}
    .header .language a:first-child{display: none;}
    .header .search_box {height: 30px;z-index: 9;width: 200px;display: inline-block;border:1px solid #fff;border-radius: 20px;overflow:hidden;margin-top: 10px;}
    .header .search_box form{position: relative;background: rgba(0,0,0,0.8);width: 100%;height: 100%;}
    .header .search_box form .box input{background: transparent;color: #fff;}
    .header .search_box form .box a.search_close{background-image: url(../images/close2.png);display: none;}
    .header .search_box form .box button{right: 0;left: initial;width: 30px;}
    .header .search_box a.search{background: url(../images/search_ico1.png) no-repeat center;margin-right: 50px;transition: all 500ms ease;-webkit-transition:all 500ms ease;width: 30px;display: none;}
    .header .search_box a.search.active{display: block;}
    .header .search_box form .box input{padding: 0 28px 0 14px;}
    .header .nav{position: fixed;top: 0;left: -100%;width: 100%;height: 100%;padding: 0;background: #fff;z-index: 14;float: none;margin-left: 0;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;padding-top: 80px;}
    .header .nav.active{left: 0;}
    .navbg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index:0;}
    .header .nav li{float: none;margin: 0;width: 100%;background: #fff;padding:0 20px 0 50px;text-align:left;transition: all 500ms ease;-webkit-transition:all 500ms ease;border-bottom:3px solid transparent;}
    .header .nav li:hover, .header .nav li.on,.header .nav li.ok {border-color:#006699;}
    .header .nav li a.v1{display: block;padding: 0;line-height: 40px;font-size: 14px; color:#333;text-align:left;}
    .header .nav li a.v1:after{display: none;}
    .header .nav li:hover a.v1, .header .nav li.on a.v1, .header .nav li.ok a.v1, .header.hover .nav li.on a.v1 {background: none;color:#006699;border-bottom: 0;}
    .header .nav li dl{opacity: 1;visibility: visible;display: none;width: 100%;margin-left: 0;position: static;padding: 0;}
    .header .nav li dl dd .sv1{height: 36px;line-height: 36px;}
    .drop_menu{display: none;}
    .mOpeBtn{position: fixed; right:70px; top: 22px; width: 17px; height: 16px;}
    .mOpeBtn:before{content: ''; display: block; width: 100%; height: 100%; background: url(../images/header_icon5_hover.png) center no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
    .mOpeBtn.active:before{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
    .header.hover .mOpeBtn:before{background: url(../images/header_icon5.png) center no-repeat;}
    .header .right.active{padding: 10px; height: 100px;}
    .header .right{position: fixed; top: 60px; bottom: auto; background: #000; height: 0; overflow: hidden; padding: 0 10px;width: 100%;left: 0;right: 0;}
    .header .right .top{ margin-top: 10px;display: inline-block;vertical-align: middle;padding-top: 0; }
    .header .right .top a.link{color: #fff !important;display: inline-block;margin-bottom: 0;}
    .footer .top .right .bot .br{display: none;}
    .footer .top .left{display: none;}
    .footer .top .right{position: static;width: 100%;}
    .footer .top .right .bot .bl{width: 100%;float: none;margin-right: 0;}
    .footer .bottom .right{width: 100%;float: none;padding: 20px;}
    .footer .bottom .right .links{font-size: 0;}
    .footer .bottom .right .links h1{margin-top: 5px;}
    .footer .bottom .right .links a{padding:0;margin: 5px 12px 5px 0;}
    .footer .bottom .left{width: 100%;padding: 15px 15px;float: none;}
    .footer .bottom .left p{text-align: center;}
    .footer .top .tit {margin-bottom: 20px;}

}
@media only screen and (max-width: 320px) {
    .header .logo img{height: 23%;top:15px;}
}